<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
    <title>Wikitable visualizer tool - visualize the data published on a wikipage</title>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Ethnic');
data.addColumn('number', '1970');
data.addColumn('number', '1980');
data.addColumn('number', '1990');
data.addColumn('number', '2000');
data.addColumn('number', '2009');
        data.addRows(4);
	data.setValue(0, 0, 'Chinese');
data.setValue(0, 1, 77);
data.setValue(0, 2, 78.3);
data.setValue(0, 3, 77.7);
data.setValue(0, 4, 76.8);
data.setValue(0, 5, 72.2);
data.setValue(1, 0, 'Malays');
data.setValue(1, 1, 14.8);
data.setValue(1, 2, 14.4);
data.setValue(1, 3, 14.1);
data.setValue(1, 4, 14.9);
data.setValue(1, 5, 23.4);
data.setValue(2, 0, 'Indians');
data.setValue(2, 1, 7);
data.setValue(2, 2, 6.3);
data.setValue(2, 3, 7.1);
data.setValue(2, 4, 7.9);
data.setValue(2, 5, 9.2);
data.setValue(3, 0, 'Others');
data.setValue(3, 1, 1.2);
data.setValue(3, 2, 1);
data.setValue(3, 3, 1.1);
data.setValue(3, 4, 1.4);
data.setValue(3, 5, 3.2);

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, {width: 1000, height:500,
			  title: 'Ethnic composition (%) of resident population'
			  });
      }
    </script>
    <link rel="stylesheet" href="./css/visualizer4wm.css" type="text/css" media="screen" />
  </head>
  <body>
    <div id="mw_header"><a href="./visualizer4wm.php">Wikitable visualizer tool</a><br /><span>Wikimedia toolserver</span></div>
    <div id="main"><div id="info" class="noLinkDecoration">Data source is <a href='http://en.wikipedia.org/wiki/Demographics_of_Singapore'>Demographics of Singapore</a> on en.wikipedia.org.</div>
      <div id="chart_div"></div></div>
    <div id="documentation">
    	<span class="hidden"><tt>{{<a href="./index.html">Visualizer</a>}}</tt> &nbsp;
      &#8734; &nbsp; <a href="http://meta.wikimedia.org/wiki/visualizer4wm">documentation</a> &nbsp;
      &#8734; &nbsp; The visualizer tool is kindly served to you by the <a href="http://toolserver.org/">Wikimedia Toolserver</a>.
      	It uses the <a href="http://mediawiki.org/wiki/API">MediaWiki</a>
      	and the <a href="http://code.google.com/intl/en-EN/apis/visualization/interactive_charts.html">Visualization</a></span> APIs.
    </div>
  </body>
</html>